body {
    background-color: darkgray;
}

.header-text {
    text-align: center;
    margin-top: 0.6em !important;
}

.footer-padding {
    padding-top: 5em !important;
    padding-bottom: 5em !important;
    margin-top: 5em !important;
}

nav {
    margin-bottom: 2em !important;
}

.blog-page {
    margin-top: 1em !important;
    margin-left: 0% !important;
    margin-right: 1em !important;
    margin-bottom: 1em !important;
}

/* .brief-introduction {
    margin-top: 1em !important;
    margin-left: 1em !important;
    margin-right: 0% !important;
    margin-bottom: 1em !important;
} */

h1 {
    text-align: center;
    margin-top: 1em !important;
}

h3 {
    text-align: center;
    margin-top: 1em !important;
}

h4 {
    text-align: center;
    margin-top: 1em !important;
    margin-bottom: 3em !important;
}

h5 {
    text-align: center;
    margin-top: 1em !important;
}

h6 {
    text-align: center;
    margin-top: 1em !important;
}

li {
    list-style-type: none;
    margin-top: 0.4em !important;
    margin-bottom: 0.4em !important;
    margin-left: 0.1em !important;
}

li > a {
    margin-left: 1em !important;
}

.blog-col {

    margin-top: 0em !important;
    margin-left: 0em !important;
    text-align: left !important;
}

.page-info h4 {
    margin-top: 0em !important;
    margin-bottom: 0em !important;
}

.title-bar {
    text-align: center;
}

.title-bar i {
    margin-left: 1em !important;
}

.article-classify {
    margin-top: 0em !important;
    margin-bottom: 0em !important;
}

.blog-state-bar {
    margin-left: 0.7em !important;
    margin-top: 1em;
}

.blog-state-bar i {
    margin-left: 1em !important;
}

.blog-Versions h3 {
    text-align: left !important;
    margin-left: 0.1em !important;
}
